<%--
  Created by IntelliJ IDEA.
  User: dell
  Date: 2021/7/26
  Time: 20:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="static/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="static/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="static/css/animate.min.css" rel="stylesheet">
    <link href="static/css/style.min.css?v=4.0.0" rel="stylesheet"><base target="_blank">

</head>
<body>
<div id="main" style="width: 700px;height:600px;"></div>
<!--引入js-->
<script src="static/js/echarts.min.js"></script>
<script src="static/js/jquery.min.js?v=2.1.4"></script>
<script src="static/js/bootstrap.min.js?v=3.3.5"></script>
<script src="static/js/plugins/iCheck/icheck.min.js"></script>
<!--jq代码-->
<script>
    $(function (){
        echarts.init($("#main")[0]).setOption({
            legend: {
                top: 'bottom'
            },
            toolbox: {
                show: true,
                feature: {
                    mark: {show: true},
                    dataView: {show: true, readOnly: false},
                    restore: {show: true},
                    saveAsImage: {show: true}
                }
            },
            series: [
                {
                    name: '面积模式',
                    type: 'pie',
                    radius: [50, 250],
                    center: ['50%', '50%'],
                    roseType: 'area',
                    itemStyle: {
                        borderRadius: 8
                    },
                    data: [
                        {value: 40, name: '申报'},
                        {value: 38, name: '受理'},
                        {value: 32, name: '审批'},
                        {value: 30, name: '立项'},
                        {value: 28, name: '变更'},
                        {value: 26, name: '验收'},
                    ]
                }
            ]
        })
    })
</script>
</body>
</html>
